<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        1、兼容问题由来：不同的浏览器渲染引擎不一样，因此相同元素会展现出不同样式 
        2、浏览器内核：浏览器最重要或者说核心的部分是“Rendering Engine”，译为“渲染引擎”，
            不过我们一般习惯将之称为“浏览器内核”，负责对网页语法的解释并渲染网页
        3、五大主流浏览器
            IE、FireFox、chrome、opera、safari
        4、浏览器内核
            【1】IE浏览器内核: Trident内核，也是俗称的IE内核;
            【2】Chrome浏览器内核:统称为Chrome内核，以前是Webkit内核，现在是Blink内核;
            【3】Firefox浏览器内核: Gecko内核，俗称Firefox内核;
            【4】Safari浏览器内核: Webkit内核;
            【5】Opera浏览器内核:最初是自己的Presto内核，后来加入谷歌，从Webkit又到了Blink内核;
            【6】360浏览器、猎豹浏览器内核: IE+Chrome双内核;
            【7】搜狗、遨游、QQ浏览器内核: Trident (兼容模式) +Webkit (高速模式) ;
            【8】百度浏览器、世界之窗内核: IE内核;
            【9】2345浏览器内核:以前是IE内核，现在改为IE +Chrome双内核;
    -->

    <!-- 测试后发现同样的元素在不同的浏览器呈现效果不一样？？？----浏览器兼容问题 -->
    <textarea name="" id="" cols="30" rows="10"></textarea>
</body>
</html>